<?php
$pagina = 'Line-up';
$in_site = 'dassnfu';
include_once($_SERVER['DOCUMENT_ROOT']."/start.php");

//Pagina in ontwikkeling
/*
include_once($_SERVER['DOCUMENT_ROOT']."/header.php");
include_once($_SERVER['DOCUMENT_ROOT']."/sidebar.php");
echo "<div id='main'><div id='submain'><div class='content'><div class='subcontent'>
	<div class='content_header'><h1>Team</h1></div>
	<div class='content_main'>";
echo "<div class='information'><p class='icon'>Deze pagina is nog in ontwikkeling.</p></div>";
echo "</div></div></div></div></div>";	//content_main, sub_content, content, sub_main, main
include_once($_SERVER['DOCUMENT_ROOT']."/footer.php");
die();
*/

//Ben je wel aangemeld?
if(empty($_SESSION['spelerId'])) {
	include_once($_SERVER['DOCUMENT_ROOT']."/header.php");
	$sidebar_on_top = true;
	include_once($_SERVER['DOCUMENT_ROOT']."/sidebar.php");
	echo "<div id='main_only'><div id='submain'><div class='content first_child'><div class='subcontent'>";
	echo "<div class='content_header'><h1>Opstelling</h1></div>";
	echo "<div class='content_main'>";
		echo "<div class='error'><p class='icon'>Login om deze pagina te kunnen bekijken.</p></div>";
	echo "</div></div></div></div></div>";	//content_main, sub_content, content, sub_main, main
	include_once($_SERVER['DOCUMENT_ROOT']."/footer.php");
	die();
}

$error = '';
$bestanden = '';
include_once($_SERVER['DOCUMENT_ROOT']."/php_functions/database_connectie.php");
// WIJZIG OF VOEG DE OPSTELLING TOE
if(isset($_POST['submit'])) {
	// ZIJN ALLE WAARDES GOED INGEVULD?
	if(empty($_POST['wedstrijdId'])) {
		$error .= "<div class='error'><p class='icon'>Er is geen wedstrijd geselecteerd</p></div>";
	}
	
	// VERWIJDER DE AL BESATANDE OPSTELLING
	mysql_query("DELETE FROM Opstelling WHERE wedstrijdId = '".$_POST['wedstrijdId']."'");
	
	// VOEG DE OPSTELLING TOE
	for($i = 1; $i <= 9; $i++) {
		if(!empty($_POST['veldpositie'.$i])) {
			// ZOEK DE BIJBEHORENDE SLAGPOSITIE
			$slagpositie = 0;
			for($j = 1; $j <= 9; $j++) {
				if(isset($_POST['slagpositie'.$j]) && $_POST['veldpositie'.$i] == $_POST['slagpositie'.$j]) {
					$slagpositie = $j;
					break;
				}
			}
			if($slagpositie <> 0) {
				mysql_query("INSERT INTO Opstelling (spelerId, wedstrijdId, slagpositie, positie1)
					VALUES ('".str_replace('drag', '', $_POST['veldpositie'.$i])."', '".$_POST['wedstrijdId']."', '".str_replace('drag', '', $slagpositie)."', '".$i."')");
			}
		}
	}
}

$bestanden = "<style>
.ui-state-highlight {height:35px;}
</style>
<link rel='stylesheet' type='text/css' href='/bestanden/css/style_tabellen".$style_nmr.".css' />
<link rel='stylesheet' type='text/css' href='/bestanden/js/jqueryui/css/ui-lightness/jquery-ui-1.8.16.custom.css' />
<script type='text/javascript' src='/bestanden/js/jqueryui/js/jquery-ui-1.8.18.custom.min.js'></script>
<script type='text/javascript' src='/bestanden/js/right_click/jquery.rightClick.js'></script>";

$bestanden .= "<script type='text/javascript'>
var start_top = 0;
var start_left = 0;
var positiesBezet = new Array();
for(var i = 0; i < 9; i++) {
	positiesBezet[i] = \"\";
}

function setInputValues() {
	//Eerst de veldposities toewijzen
	for(var i = 0; i < 9; i++) {
		$('input[name=\"veldpositie' + (i + 1) + '\"]').val(positiesBezet[i]);
	}
	//De slagposities toewijzen
	var slagpositie = $('#sortable li').get();
	for(var i = 0; i < 9; i++) {
		$('input[name=\"slagpositie' + (i + 1) + '\"]').val($(slagpositie[i]).attr('rel'));
	}
	//val(positiesBezet[i]);
	
	return true;
}
function setSlagpositie() {
	//var slagpositie = $('#sortable li').get();
	var slagpositie = $('.slagpositie').get();
	var sortable = $('#sortable li').get();
	for(var i = 0; i < 9; i++) {
		if(typeof $(slagpositie[i]).val() != 'undefined' && $(slagpositie[i]).val() != '') {
			$(sortable[i]).html($('#drag' + $(slagpositie[i]).val()).html());
			$(sortable[i]).attr('rel', 'drag' + $(slagpositie[i]).val());
		}
	}
}
function setDragPosition() {
	//Vraag de gegevens op van de input
	var veldpositie = $('.veldpositie').get();
	for(var i = 0; i < 9; i++) {
		if(typeof $(veldpositie[i]).val() != 'undefined') {
			var drag = $('#drag' + $(veldpositie[i]).val());
			switch(i) {
			case 0:	$(drag).css('left', 320);
					$(drag).css('top', 300 - ($(drag).attr('rel') * 20));
					break;
			case 1:	$(drag).css('left', 320);
					$(drag).css('top', 410 - ($(drag).attr('rel') * 20));
					break;
			case 2:	$(drag).css('left', 600);
					$(drag).css('top', 265 - ($(drag).attr('rel') * 20));
					break;
			case 3:	$(drag).css('left', 450);
					$(drag).css('top', 230 - ($(drag).attr('rel') * 20));
					break;
			case 4:	$(drag).css('left', 60);
					$(drag).css('top', 265 - ($(drag).attr('rel') * 20));
					break;
			case 5:	$(drag).css('left', 200);
					$(drag).css('top', 230 - ($(drag).attr('rel') * 20));
					break;
			case 6:	$(drag).css('left', 100);
					$(drag).css('top', 180 - ($(drag).attr('rel') * 20));
					break;
			case 7:	$(drag).css('left', 330);
					$(drag).css('top', 160 - ($(drag).attr('rel') * 20));
					break;
			case 8:	$(drag).css('left', 570);
					$(drag).css('top', 180 - ($(drag).attr('rel') * 20));
					break;
			}
			//De tekstkleur en achtergrond kleur goed zetten
			$(drag).css('background-color', '#88f');
			$(drag).css('color', 'white');
			
			//Set de variabele positiebezet op de goede waarde 
			if($(veldpositie[i]).val() != '') {
				positiesBezet[i] = 'drag' + $(veldpositie[i]).val();
			}
		}
	}
}
</script>
<script type='text/javascript'>
$(document).ready(function() {
	setSlagpositie();
	setDragPosition();
	$('#sortable').sortable({
		placeholder: 'ui-state-highlight'
	});
	$('#sortable').disableSelection();
	$('#draggables div').draggable({
		stack		:	'#draggables div',
		revert		:	'invalid',
		snap		:	'.droppable_posities',
		snapMode	:	'inner',
		containment	:	'#dragarea',
		scroll		:	false,
		cursor		:	'move',
		start: function(event, ui) {
			start_top = $(this).css('top');	
			start_left = $(this).css('left');
		}
	});
	$('.draggable').rightClick(function(e) {
		//Verwijder de speler uit de veldposities en de slaglijst
		var id = $(this).attr('id');
		for(var i = 0; i < 9; i++) {
			if(positiesBezet[i] == id) {
				positiesBezet[i] = \"\";
				break;
			}
		}
		if(i == 9) {
			return false;
		}
		var slagpositie = $('.ui-state-default:first');
		var aantal = 0;
		while($(slagpositie).attr('rel') != id && aantal < 9) {
			slagpositie = $(slagpositie).next();
			aantal++;
		}
		if(aantal < 9) {
			$(slagpositie).attr('rel', '');
			$(slagpositie).text('-');
		}else {
			alert('Er is een fout opgetreden tijdens het doorvoeren van de gegevens aan de slaglijst.');
		}
		//Verplaats de positie naar de eerst vrije plek in de niet geplaatste spelers
		var draggables = $('.draggable').toArray();
		var geschiktePositie = 30;
		for(var i = 0; i < 30; i++) {
			if(geschiktePositie == i - 1) {
				break;
			}
			geschiktePositie = i;
			for(drag in draggables) {
				var rel = $(draggables[drag]).attr('rel');
				if($(draggables[drag]).css('top') == (20 - (20 * rel) + (Math.floor(i / 5) * 25)) + 'px'
					&& $(draggables[drag]).css('left') == (40 + (125 * (i % 5))) + 'px') {
					geschiktePositie = 30;
					continue;
				}
			}
		}
		var rel = $(this).attr('rel');
		//Kleurtjes goed zetten
		$(this).css('background-color', 'yellow');
		$(this).css('color', 'black');
		$(this).animate({
			top:	(20 - (20 * rel) + (Math.floor(geschiktePositie / 5) * 25)) + 'px',
			left:	(40 + (125 * (geschiktePositie % 5)))
		}, 500);
	});
	$('.draggable').noContext();
	
	$('.droppable_posities').droppable({
		tolerance	:	'fit',
		drop: function(event, ui) {
			if(positiesBezet[$(this).attr('rel')] != '' && positiesBezet[$(this).attr('rel')] != $(ui.draggable).attr('id')){
				//De positie waar het verplaatste object naartoe gaat is bezet
				//Objecten ophalen
				var droppableRel = $(this).attr('rel');
				var draggableNietVerplaatste = $('#' + positiesBezet[droppableRel]);
				var draggableNietVerplaatstRel = $(ui.draggable).attr('rel');
				var draggableVerplaatsteRel = $(draggableNietVerplaatste).attr('rel');
				
				//De nieuwe top positie van de niet verplaatste berekenen (aangezien het relative is, moeten de rel waardes gebruikt worden)
				var new_start_top = parseInt(start_top) + ((draggableNietVerplaatstRel - draggableVerplaatsteRel) * 20);
				
				//De vatiabelen van de posities goed zetten (zodat op de achtergrond dezelfde waardes staan als op de voorgrond te zien zijn) 
				var draggableNietVerplaatsId = $(draggableNietVerplaatste).attr('id');
				var draggableVerplaatsId = $(ui.draggable).attr('id');
				var positie = 0;
				var positie1 = 0;
				var id1 = \"\";
				var positie2 = 0;
				var id2 = \"\";
				for(var i = 0 ; i < 9; i++) {
					var positieBezet = positiesBezet[i];
					if(positieBezet == draggableNietVerplaatsId) {
						positie1 = positie;
						id1 = positieBezet;
					}else if(positieBezet == draggableVerplaatsId) {
						positie2 = positie;
						id2 = positieBezet;
					}
					positie++;
				}
				if(id1 != \"\" && id2 != \"\" && id1 != id2) {
					positiesBezet[positie1] = id2;
					positiesBezet[positie2] = id1;
				}else {
					positiesBezet[$(this).attr('rel')] = $(ui.draggable).attr('id');
				}
				
				//Kleurtjes van het verplaatste object goed zetten
				ui.draggable.css('background-color', '#88F');
				ui.draggable.css('color', 'white');
				//Kleurtjes van het niet verplaatste object goed zetten (alleen maar als de verplaatste van een lege plek af kwam)
				if(id1 != '' && id2 == '') {
					draggableNietVerplaatste.css('background-color', 'yellow');
					draggableNietVerplaatste.css('color', 'black');
				}
				
				//Eventueel de wijzigingen doorvoeren in de slagvolgorde
				if(id1 != '' && id2 == '') {
					var i = 0;
					var slagpositie = $('.ui-state-default:first');
					while($(slagpositie).attr('rel') != id1 && i < 9) {
						slagpositie = $(slagpositie).next();
						i++;
					}
					if(i < 9) {
						$(slagpositie).attr('rel', $(ui.draggable).attr('id'));
						$(slagpositie).text($(ui.draggable).text());
					}else {
						alert('Er is een fout opgetreden tijdens het doorvoeren van de gegevens aan de slaglijst.');
					}
				}
					
				//De positie en kleuren van het nietverplaatste object goed zetten
				$(draggableNietVerplaatste).animate({
					top:	new_start_top,
					left:	start_left
				}, 500);	
			}else if(positiesBezet[$(this).attr('rel')] != $(ui.draggable).attr('id')) {
				//De positie waar het verplaatste object naartoe gaat is onbezet
				//Komt het verplaatste object van een andere veldpositie vandaan
				var id = $(ui.draggable).attr('id');
				var vanAnderePositie = false;
				for(var i = 0; i < 9; i++) {
					if(positiesBezet[i] == id) {
						positiesBezet[i] = \"\";
						vanAnderePositie = true;
						break;
					}
				} 
				if(vanAnderePositie == false) {
					//De draggable komt niet van een andere positie vandaan en stond dus nog niet in de opstelling, voeg hem toe aan de slagvolgorde
					var i = 0;
					var slagpositie = $('.ui-state-default:first');
					while($(slagpositie).attr('rel') != '' && i < 9) {
						slagpositie = $(slagpositie).next();
						i++;
					}
					if(i < 9) {
						$(slagpositie).attr('rel', id);
						$(slagpositie).text($(ui.draggable).text());
					}else {
						alert('Er is een fout opgetreden tijdens het toevoegen van de speler aan de slaglijst.');
					}
				}
				
				//Zet de positie waar het verplaatste object naartoe is gegaan als bezet
				positiesBezet[$(this).attr('rel')] = id;
				
				//Verander de kleurtjes
				ui.draggable.css('background-color', '#88F');
				ui.draggable.css('color', 'white');
			}
			
			//Bezette posities weergeven 
			//console.log('1->' + positiesBezet[0] + ' 2->' + positiesBezet[1] + ' 3->' + positiesBezet[2] + ' 4->' + positiesBezet[3] + ' 5->' + positiesBezet[4] + ' 6->' + positiesBezet[5] + ' 7->' + positiesBezet[6] + ' 8->' + positiesBezet[7] + ' 9->' + positiesBezet[8]);
		}
		//out: function(event, ui) {
			//ui.draggable.css('background-color', 'yellow');
			//ui.draggable.css('color', 'black');
			//positiesBezet[$(this).attr('rel')] = '';
		//}
	});
});
</script>";


//bbcode
include_once($_SERVER['DOCUMENT_ROOT']."/php_functions/nbbc_parser/initialize_nbbc.php");
include_once($_SERVER['DOCUMENT_ROOT']."/php_functions/instellingen.php");
include_once($_SERVER['DOCUMENT_ROOT']."/header.php");
$sidebar_on_top = true;
include_once($_SERVER['DOCUMENT_ROOT']."/sidebar.php");

echo "<div id='popup' ".(isset($_POST['i']) ? "style='display: block'" : "").">";
echo "<div id='popup_page'>";
echo "<div id='popup_content'>";
if(isset($_POST['i'])) {
	echo $_POST['i'];
}
echo "</div>";
echo "</div>";
echo "<div id='popup_close'></div>";
echo "</div>";
?>
<div id="main_only">
<div id="submain">
<div class="content first_child">
<div class="subcontent">
<div class="content_header">
<h1>Opstelling</h1>
</div>
<div class="content_main">

<!-- <div class='content_paga_image'><img src='/images/page/content_image_1.png'></div> -->
<?php
if(empty($_GET['id'])) {
	?>
	<div class="selecties">
	<table class="selecties">
	<?php
	$alles_goed = true;
	
	//Seizoen
	$result = mysql_query("SELECT DISTINCT YEAR( Wedstrijd.starttijd ) AS jaar FROM Teambeheer, Wedstrijd
		LEFT JOIN Teaminstellingen ON Teaminstellingen.teamId = Wedstrijd.teamId AND Teaminstellingen.seizoen = YEAR(Wedstrijd.starttijd) 
	WHERE ".(isset($_SESSION['team']) ? "(Teaminstellingen.teamId = ".$_SESSION['team']." AND Teaminstellingen.seizoen = ".date('Y')." AND Teaminstellingen.nietIngelogden & (b'1' << 0)) OR" : "")." 
		(Teambeheer.spelerId = '".$spelerId."'
		AND Teambeheer.teamId = Wedstrijd.teamId
		AND (((Teambeheer.teamfunctie = '1' OR Teambeheer.seizoenZichtbaar = '1') AND YEAR(Wedstrijd.starttijd) = YEAR(Teambeheer.van))
			OR Wedstrijd.starttijd >= Teambeheer.van)
		AND (Wedstrijd.starttijd <= Teambeheer.tot OR Teambeheer.tot IS NULL))
	ORDER BY jaar DESC");
	$jaar = jaar_selecteren($result, "./?", true, (isset($_GET['jaar']) ? $_GET['jaar'] : null));
	if($jaar == -1) {	echo "<div class='error'><p class='icon'>Er zijn geen wedstrijden beschikbaar</p></div>";	$alles_goed = false;}
	
	//Team
	if($alles_goed == true) {
		$result = mysql_query("SELECT DISTINCT Team.teamId, Team.team FROM Team, Teambeheer, Wedstrijd
				LEFT JOIN Teaminstellingen ON Teaminstellingen.teamId = Wedstrijd.teamId AND Teaminstellingen.seizoen = YEAR(Wedstrijd.starttijd)
			WHERE YEAR( Wedstrijd.starttijd ) = '".$jaar."'
				AND Wedstrijd.teamId = Team.teamId
				AND
					(".(isset($_SESSION['team']) ? "(Teaminstellingen.teamId = ".$_SESSION['team']." AND Teaminstellingen.seizoen = ".date('Y')." AND Teaminstellingen.nietIngelogden & (b'1' << 0)) OR" : "")."
						(Teambeheer.spelerId = '".$spelerId."'
					AND Teambeheer.teamId = Wedstrijd.teamId
					AND (((Teambeheer.teamfunctie = '1' OR Teambeheer.seizoenZichtbaar = '1') AND YEAR(Wedstrijd.starttijd) = YEAR(Teambeheer.van))
						OR Wedstrijd.starttijd >= Teambeheer.van)
					AND (Wedstrijd.starttijd <= Teambeheer.tot OR Teambeheer.tot IS NULL)))
		ORDER BY Team.team");
		$team = team_selecteren($result, "./?jaar=".$jaar."&", true, (isset($_GET['team']) ? $_GET['team'] : null));
		if($team == -1) {	echo "<div class='error'><p class='icon'>Er zijn geen wedstrijden beschikbaar voor het geselecteerde seizoen.</p></div>";		$alles_goed = false;}
	}
	?>
	</table>
	</div> <!-- End selecties -->
	<?php
	if($alles_goed == true) {
		//Schema zichtbaar maken
		$result = mysql_query("SELECT DISTINCT Wedstrijd.wedstrijdId, Wedstrijd.*, Wedstrijdinfo.bericht, Wedstrijdinfo.symbool
			FROM Teambeheer, Wedstrijd
				LEFT JOIN Wedstrijdinfo ON Wedstrijdinfo.wedstrijdId = Wedstrijd.wedstrijdId
				LEFT JOIN Teaminstellingen ON Teaminstellingen.teamId = '".$team."' AND Teaminstellingen.seizoen = YEAR(Wedstrijd.starttijd)
			WHERE YEAR(Wedstrijd.starttijd) = '".$jaar."'
				AND Wedstrijd.teamId = '".$team."'
				AND Wedstrijd.toernooiId IS NULL
				AND
					((".(isset($_SESSION['team']) ? "(Teaminstellingen.teamId = ".$_SESSION['team']." AND Teaminstellingen.seizoen = ".date('Y')." AND Teaminstellingen.nietIngelogden & (b'1' << 0)) OR" : "")."
					(Teambeheer.spelerId = '".$spelerId."'
					AND Wedstrijd.teamId = Teambeheer.teamId
					AND (((Teambeheer.teamfunctie = '1' OR Teambeheer.seizoenZichtbaar = '1') AND YEAR(Wedstrijd.starttijd) = YEAR(Teambeheer.van))
						OR Wedstrijd.starttijd >= Teambeheer.van)))
				AND (Wedstrijd.starttijd <= Teambeheer.tot OR Teambeheer.tot IS NULL)
				OR (YEAR(Wedstrijd.starttijd) = YEAR(NOW())))
			ORDER BY Wedstrijd.oefenwedstrijd DESC, Wedstrijd.toernooi DESC, Wedstrijd.starttijd");
		$result_eerst_volgende = mysql_query("SELECT wedstrijdId FROM Wedstrijd WHERE teamId = '".$team."' AND starttijd > NOW() ORDER BY starttijd LIMIT 1");
		if($result_eerst_volgende <> null && mysql_num_rows($result_eerst_volgende) > 0) {
			$row = mysql_fetch_object($result_eerst_volgende);
			$eerst_volgende_wedstrijd = $row->wedstrijdId;
		}else {
			$eerst_volgende_wedstrijd = 0;
		}
	
		if($result <> null && mysql_num_rows($result) > 0) {
			/* De tabel wordt aangemaakt */
			include_once($_SERVER['DOCUMENT_ROOT']."/php_functions/wedstrijd_functies.php");
			set_wedstrijd_tabel($con, $result, $eerst_volgende_wedstrijd, true, $bbcode, "./?", null, null, null, null);
			//set_wedstrijd_tabel($con, $result, $eerst_volgende_wedstrijd, true, 'top');
		}
	}
}else {
	$wedstrijdId = $_GET['id'];
	//Haal de opstelling binnen
	$result = mysql_query("SELECT DISTINCT Speler.spelerId, Speler.voornaam, Speler.tussenvoegsel, Speler.achternaam, Team.teamId, Team.team, Opstelling.slagpositie, Opstelling.positie1, Opstelling.positie2, Opstelling.positie3
										FROM Speler
											LEFT OUTER JOIN Teambeheer ON Teambeheer.spelerId = Speler.spelerId
											LEFT OUTER JOIN Team ON Team.teamId = Teambeheer.teamId
											LEFT OUTER JOIN Wedstrijd ON Wedstrijd.wedstrijdId = '".$wedstrijdId."'
											LEFT OUTER JOIN Coachbeheer ON Coachbeheer.teamId = Wedstrijd.teamId
											LEFT JOIN Afmelden ON Afmelden.wedstrijdId = '".$wedstrijdId."' AND Afmelden.spelerId = Speler.spelerId
											LEFT JOIN Vakantie ON Vakantie.spelerId = Speler.spelerId AND Vakantie.van <= Wedstrijd.starttijd AND Vakantie.tot >= Wedstrijd.starttijd
											LEFT JOIN Opstelling ON Opstelling.wedstrijdId = '".$wedstrijdId."' AND Opstelling.spelerId = Speler.spelerId
										WHERE Coachbeheer.spelerId = '2'
											AND NOW() >= Coachbeheer.van
											AND (NOW() < Coachbeheer.tot OR Coachbeheer.tot IS NULL)
											AND Wedstrijd.wedstrijdId = '".$wedstrijdId."'
											AND ((Teambeheer.teamId = Wedstrijd.teamId AND Afmelden.wedstrijdId IS NULL OR (Afmelden.wedstrijdId = Wedstrijd.wedstrijdId AND Afmelden.soort NOT LIKE 1))
												OR (Teambeheer.teamId NOT LIKE Wedstrijd.teamId AND Afmelden.wedstrijdId = Afmelden.wedstrijdId))
											AND Vakantie.vakantieId IS NULL
											AND Wedstrijd.starttijd >= Teambeheer.van
											AND (Wedstrijd.starttijd < Teambeheer.tot OR Teambeheer.tot IS NULL)
											AND Wedstrijd.starttijd >= Coachbeheer.van
											AND (Wedstrijd.starttijd < Coachbeheer.tot OR Coachbeheer.tot IS NULL)
											AND (Afmelden.soort IS NULL OR Afmelden.soort = '1')
											AND (Vakantie.vakantieId IS NULL) 
										ORDER BY Opstelling.slagpositie, Team.team, achternaam, voornaam");
			if($result == null || mysql_num_rows($result) == 0) {
				echo "<div class='error'><p class='icon'>Er is niemand aanwezig tijdens deze wedstrijd</p></div>";
				// HAAL DE GEGEVENS VAN DE WEDSTRIJD BINNEN
				$result = mysql_query("SELECT teamId, YEAR(starttijd) AS jaar FROM Wedstrijd WHERE wedstrijdId = '".$wedstrijdId."'");
				if($result <> null && mysql_num_rows($result) > 0) {
					$row = mysql_fetch_object($result);
					echo "<br><br><a class='button' href='./?jaar=".$row->jaar."&teamId=".$row->teamId."' target='_parent'><span>Terug</span></a>";
				}else {
					echo "<br><br><a class='button' href='./' target='_parent'><span>Terug</span></a>";
				}	
			}else {
				//Opstelling weergeven
				echo "<div class='scheiding' style='overflow:hidden;'>";
					echo "<div class='links' style='width:20%; float: left'>";
						?>
						<ul id="sortable">
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
							<li class="ui-state-default" style='height:35px; line-height:35px;' rel=''>-</li>
						</ul>
						<?php
					echo "</div>";	
					echo "<div class='rechts' style='width:75%; float: right; height:462px; overflow:hidden; text-align:left;'>";
						echo "<div id='dragarea' style='width: 740px; height: 740px; background: url(\"/images/style/page/baseball_field2.jpg\") no-repeat; background-size: 740px, 740px;'>"; 
							//echo "<img style='width:100%;' src='/images/style/page/baseball_field2.jpg'>";
						//echo "</div>";
							$x = 0;		$y = 0;
							echo "<div id='draggables' style='height: 0px;'>";
							while($row = mysql_fetch_array($result)) {
								echo "<div id='drag".$row['spelerId']."' class='draggable' style='position:relative; top:".(20 - (20*$x) + $y)."px; left:".(40 + (125 * ($x % 5)))."px; width:120px; height:20px; text-align:center; cursor:move; background:yellow; color:black; z-index:10;' rel='".$x."'>".$row['voornaam']." ".$row['achternaam'][0]."</div>";
								$x++;
								if($x > 0 && $x % 5 == 0) {
									$y += 25;
								}
							}
							echo "</div>";
							//for($i = 0; $i < 10; $i++) {
								echo "<div style='position:relative; top:300px; left:300px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>1</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='0'></div></div>";
								echo "<div style='position:relative; top:390px; left:300px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>2</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='1'></div></div>";
								echo "<div style='position:relative; top:225px; left:580px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>3</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='2'></div></div>";
								echo "<div style='position:relative; top:170px; left:430px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>4</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='3'></div></div>";
								echo "<div style='position:relative; top:185px; left:40px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>5</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='4'></div></div>";
								echo "<div style='position:relative; top:130px; left:180px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>6</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='5'></div></div>";
								echo "<div style='position:relative; top:60px; left:80px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>7</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='6'></div></div>";
								echo "<div style='position:relative; top:20px; left:310px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>8</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='7'></div></div>";
								echo "<div style='position:relative; top:20px; left:550px; width:140px; height:20px; padding:0px; background-color:cyan;'><p style='display:inline-block; float:left; margin: 0px; width:20px; height:20px; text-align:center; background-color:blue; color:white;'>9</p><div class='droppable_posities' style='float:right; width:120px; height:20px;' rel='8'></div></div>";
							//}
						echo "</div>";
					echo "</div>";
					echo "<div class='clr'></div>";
				echo "</div>";
				
				echo "<br>";
				
				echo "<p class='grote_tekst'>Uitleg</p>";
				echo "<table class='met_border' style='width:75%' cellspacing='0'>";
					echo "<tr><td style='text-align:right; padding:10px; border-bottom:1px solid gray; border-right:1px dotted gray;'>Veldposities:</td><td style='padding:10px; border-bottom:1px solid gray;'>Sleep de speler naar zijn veldpositie toe, als al een andere speler op deze positie stond, worden de speler met elkaar verwisseld.</td></tr>";
					echo "<tr><td style='text-align:right; padding:10px; border-bottom:1px solid gray; border-right:1px dotted gray;'>Slagvolgorde:</td><td style='padding:10px; border-bottom:1px solid gray;'>Als een speler aan het veld wordt toegevoegd, wordt deze eveneens aan de slagvolgorde toegevoegd. De slagvolgorde kan gewijzigd worden door de speler in de slagvolgorde naar de juiste plek toe te slepen.</td></tr>";
					echo "<tr><td style='text-align:right; padding:10px; border-bottom:1px solid gray; border-right:1px dotted gray;'>Verwijderen:</td><td style='padding:10px; border-bottom:1px solid gray;'>Klik bij de veldposities met de rechter muisknop op de desbetreffende speler.</td></tr>";
				echo "</table>";
			//}
			
			
				echo "<form action='./?id=".$wedstrijdId."' method='post'>";
					echo "<input type='hidden' name='wedstrijdId' value='".$wedstrijdId."'>";
					
					/*
					 * Veldposities toewijzen
					 */
					
					//De mysql data uitpluizen voor de veldposities
					if($result <> null && mysql_num_rows($result) > 0) {
						for($i = 1; $i <= 9; $i++) {
							mysql_data_seek($result, 0);
							$speler_gevonden = false;
							//Zoek de speler die hoort bij de te zoeken veldpositie
							while($row = mysql_fetch_array($result)) {
								//Speler en te zoeken veldpositie komt overeen
								if($row['positie1'] == $i) {
									echo "<input class='veldpositie' type='hidden' name='veldpositie".$i."' value='".$row['spelerId']."'>";
									$speler_gevonden = true;
									break;
								}
							}
							//Er is geen speler geplaats op de te zoeken veldpositie, dus zet deze neer zonder value
							if($speler_gevonden == false) {
								echo "<input class='veldpositie' type='hidden' name='veldpositie".$i."' value=''>";
							}
						}
					}
					
					mysql_data_seek($result, 0);
					//$opgegeven_slagpositie = 0;
					$huidige_slagpositie = 1;
					//for($i = 1; $i <= 9; $i++) {
					while($row = mysql_fetch_object($result)) {
						if($row <> null && isset($row->slagpositie)) {
							// DE SLAGPOSITIE IS GEEN NULL, KIJK WELKE SLAGPOSITIE IS OPGEGEVEN
							for($i = $huidige_slagpositie; $i <= 9; $i++) {
								// ALLE SLAGPOSITIES WORDEN AFGEGAAN (ZODAT OOK DE LEGE SLAGPOSITIES EEN INPUT KRIJGEN)
								if($i == $row->slagpositie) {
									echo "<input class='slagpositie' type='hidden' name='slagpositie".$i."' value='".$row->spelerId."'>";
									$huidige_slagpositie++;
									break;
								}else {
									echo "<input class='slagpositie' type='hidden' name='slagpositie".$i."' value=''>";
									$huidige_slagpositie++;
								}
							}
						}
						//}else {
							//echo "<input class='slagpositie' type='hidden' name='slagpositie".$i."' value=''>";
						//}
					}
					
					//Vul de resterende slagposities op
					for($i = $huidige_slagpositie; $i <= 9; $i++) {
						echo "<input class='slagpositie' type='hidden' name='slagpositie".$i."' value=''>";
					}
					
					//echo "<input class='slagpositie' type='hidden' name='slagpositie2' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie3' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie4' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie5' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie6' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie7' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie8' value=''>";
					//echo "<input class='slagpositie' type='hidden' name='slagpositie9' value=''>";
					
					// HAAL DE GEGEVENS VAN DE WEDSTRIJD BINNEN
					$result = mysql_query("SELECT teamId, YEAR(starttijd) AS jaar FROM Wedstrijd WHERE wedstrijdId = '".$wedstrijdId."'");
					if($result <> null && mysql_num_rows($result) > 0) {
						$row = mysql_fetch_object($result);
						echo "<a class='button' href='./?jaar=".$row->jaar."&teamId=".$row->teamId."' target='_parent'><span>Terug</span></a>";
					}else {
						echo "<a class='button' href='./' target='_parent'><span>Terug</span></a>";
					}
					echo "<span class='button'><input type='submit' name='submit' value='Opstelling versturen' onClick='return setInputValues()'></span>";
				echo "</form>";
			}
}
echo "</div></div></div></div></div>";	//content_main, subcontent, content, submain, main
include_once($_SERVER['DOCUMENT_ROOT']."/footer.php");